<head>
    <title>Gnomus Labs</title>
    <link rel="stylesheet" type="text/css" href="/css/jquery-ui.css"/>
    <link rel="stylesheet" type="text/css" href="/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="/css/gnomus.css"/>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/jquery-ui.js"></script>
    <script type="text/javascript" src="/js/c.js"></script>
    <script type="text/javascript" src="/js/util.js"></script>
    <script type="text/javascript" src="/js/mouse.js"></script>
    <script type="text/javascript" src="/js/teach.js"></script>
    <script type="text/javascript" src="/js/draw/shape.js"></script>
    <script type="text/javascript" src="/js/draw/atom.js"></script>
    <script type="text/javascript" src="/js/draw/pt.js"></script>
    <script type="text/javascript" src="/js/play/build_nuclei.js"></script>
    <script type="text/javascript" src="/js/play/atomic_scale.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("button").button();
            $(".accordion").accordion();
            $(".tabs").tabs();
            $(".dialog").dialog({ autoOpen:false });
            $("body").animate({ opacity:1 });

            $.each($("canvas.square"), function (i, s) {
                var sq = $(s);
                var e = s2e[sq.attr("element")];
                if (!e) {
                    e = new Element(sq.attr("symbol"), sq.attr("name"), Number(sq.attr("number")), sq.attr("mass"));
                }
                sq.ctx = sq[0].getContext("2d");
                sq.ctx.drawPeriodicSquare(e, 0, 0, sq.ctx.canvas.width);
            });

            $(".tabs").tabs({ show:function (event, ui) {
                window.location.hash = ui.tab.hash.substr(1);
                $("body").scrollTop(0);
            }});
        });
    </script>
</head>